<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>主页</title>
<link href="${base}/css/globle.css" rel="stylesheet" type="text/css" />
<link href="${base}/css/icon.css" rel="stylesheet" type="text/css" />
</head>
<style>
.container-left{
	width: 380px;
	padding: 0 10px;
}
.container-right{
	width: 590px;
}

.container-left .box{
	background-color: #EEE;
}

.container-left .box h3{
	background-color: #00A2CA;
	color: #FFF;
	margin-right: 100px;
	padding: 10px;
}

.container-right .btn:hover{
	background-color: #EEE;
}


.container-left .article-list li{
	background-color: #FFF;
	margin:  1px ;
	margin-top: 0;
}
.container-right .article-list li{
	border-bottom: 1px solid #DDD;
	
}
.team-name{
	line-height: 40px;
	width: 280px;
	font-size: 20px;
	margin: 0 10px;
}
.question{
	font-size: 15px;
	margin:0 20px;
	width: 520px;
}
.vote-title{
	font-size: 18px;
	font-weight: 900;
}
</style>

<body>
<#include "/WEB-INF/tpl/_header.html">
<div class="content">
	<div class="container-left fleft">
		<div id="event-box" class="box">
			<h3>事件</h3>
			<ul class="article-list">
			<li>
				<div class="article">
					<a>人大表决为什么采用举手表决制而不匿名？</a>
				</div>
				
			</li>
			<li>
				<div class="article">
					<a>人大表决为什么采用举手表决制而不匿名？</a>
				</div>
				
			</li>
			</ul>
			
			
		</div>
		<div id="team-box" class="box">
			<h3>明星团队</h3>
			<ul class="article-list">
				<li>
				<img class="user-icon-small" src="${base}/img/user-icon/me.jpg"/>
				<div class="article">
					<span class="team-name">清华大学学生会</span>
				</div>
				</li>
			</ul>
		</div>
		<div id="vote-box" class="box">
			<h3>评比</h3>
			<ul class="article-list">
				<li>
					<div class="article">
					<div class="vote-title">校花评选</div>
						<div>发起者：<a>补刀大师</a></div>
						<div>评论数：502</div>
						<div>人气：2032</div>
					</div>
				</li>
			</ul>
	
		</div>
	</div>
	<div class="container-right fleft">
		<div id="trends-box" class="box">
			<h3>最新动态</h3>
			<ul class="article-list">
				<li>
					<img class="user-icon-small" src="${base}/img/user-icon/me.jpg"/>
					<div class="article">
						<a>药家鑫：</a>
						马航目前并没有坠毁 劫机也只是个人猜测 在官方消息出来之前不传播虚假消息让乘客家属不陷入无谓的恐慌才是我们应该做的 祈祷马航平安烧香
					</div>
				</li>
				<li>
					<img class="user-icon-small" src="${base}/img/user-icon/me.jpg"/>
					<div class="article">
						<a>药家鑫：</a>
						马航目前并没有坠毁 劫机也只是个人猜测 在官方消息出来之前不传播虚假消息让乘客家属不陷入无谓的恐慌才是我们应该做的 祈祷马航平安烧香
					</div>
				</li>
				
			</ul>
			<span class="btn fill">更多</span>
		</div>
		
		<div id="question-box" class="box">
			<h3>问答</h3>
			<ul class="article-list">
				<li>
				<div class="article">
					<a>人大表决为什么采用举手表决制而不匿名？</a>
				</div>
				</li>
				<li>
				<div class="article">
					<a>人大表决为什么采用举手表决制而不匿名？</a>
				</div>
				</li>
				
			</ul>	
		</div>
	</div>
	<div class="fclear"></div>
</div>
<#include "/WEB-INF/tpl/_footer.html">
</body>
</html>
<script src="${base}/js/jquery1.1.js"></script>
<script src="${base}/js/globle.js"></script>
